html,body {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
input,button,select,textarea{outline:none}

/* page change */
$--transition-time: 350ms;
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  transition: all $--transition-time;
  position: absolute;
  height: 100%;
  backface-visibility: hidden;
  perspective: 1000;
}
.back-enter {
  opacity: 0.75;
  transform: translate3d(-35%, 0, 0)!important;
}
.back-enter-active {
  z-index: -1!important;
  transition: all $--transition-time linear;
}
.back-leave-active {
  transform: translate3d(100%, 0, 0)!important;
  transition: all $--transition-time linear;
}
.forward-enter {
  transform: translate3d(100%, 0, 0)!important;
}
.forward-enter-active {
  transition: all  $--transition-time linear;
}
.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  transform: translate3d(-35%, 0, 0)!important;
  transition: all $--transition-time linear;
}

.slide-left-leave-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-right-enter-active{
  transition: all $--transition-time;
}
.slide-left-enter, .slide-right-leave-active {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.slide-left-leave-active, .slide-right-enter {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.el-tree-node.is-current > .el-tree-node__content {
    background-color: rgba(16, 80, 145, 0.9) !important;
}


/* 表格重写 */
.el-table tr{
    background-color: transparent !important;
    margin: 10px 0;
}

.el-table, .el-table__expanded-cell{
    background-color: transparent !important;
}

.el-table th.el-table__cell{
    background-color: rgb(9,36,81) !important;
    border-top: 1px solid rgba(17,196,255,0.61);
    color: #ffffff;
    font-size: 16px;

    &:first-child{
        border-left: 1px solid rgba(17,196,255,0.61);
    }
    &:last-child{
        border-right: 1px solid rgba(17,196,255,0.61);
    }
}


 .el-table th.el-table__cell.is-leaf{
    border-bottom: 1px solid rgba(17,196,255,0.61) !important;
}

.el-table .el-table__row{
    height: 40px;
    background: #045ab1;
    border: none;
    color: #00e4ff;
}
.el-table .cell{
    display: flex;
}

/* 弹窗重写 */
.el-dialog{
    background:none !important;
}

.el-dialog__header{
    height: 50px;
    line-height: 50px;
    padding: 0 20px !important;
    font-size: 18px;
    background: rgb(8,78,150);
    border: 1px solid #008aff;
    text-align: left;
}

.el-dialog__body{
    background: rgba(8,78,150,0.86);
    border: 1px solid #008aff;
    color: #cee1f3 !important;
}
.el-dialog__title{
    color: #cee1f3 !important;
}

.el-form-item__label,.el-checkbox{
    color: #cee1f3 !important;
}

.el-form-item:last-child{
    .el-form-item__content{
        margin-left: 0 !important;
        text-align: center !important;
    }
}

.el-form-item__content{
    text-align: left !important;
}
.el-input__inner{
    background: rgba(12,132,255,0.16) !important;
    border: 1px solid #008aff !important;
    color: #ffffff !important;
}

.s-i-top{

    .el-input{
        background: rgba(0,138,255,0.03);
        border: 2px solid #1789f8;
        border-radius: 24px;
        font-size: 18px;
        color: #cde7ff;
    }

    .el-input__inner{
        border: none !important;
    }
}

.el-form--inline{
    display: flex;
    flex-wrap: wrap;
}

.el-form--inline .el-form-item{
    display: flex !important;
}

.el-input--suffix .el-input__inner,.el-radio{
    color: #ffffff !important;
}

/* 组织树菜单 */
.el-menu {
    border-right: none;
    background-color: rgba(30, 58, 107, 1);

}

.el-submenu .el-menu li{
    background-color: rgba(19,42,85,1);
    color: rgba(147,183,255,1);
    text-align: center;
}

.el-menu-item:focus, ::v-deep .el-menu-item:hover,::v-deep .el-submenu__title:hover{
    background-color: transparent;
}

.el-submenu__title, ::v-deep .el-menu-item{
    color: #ffffff;
}

.el-button--primary.is-plain{
    background: rgba(10,12,13,0.33) !important;
    border: 1px solid #0ca1ff !important;
    border-radius: 6px;
    color: #98ceff !important;
}


::-webkit-scrollbar{
    width:8px;
    height:8px;
}
::-webkit-scrollbar-track{
    background: #010b21;
    border-radius:2px;
}
::-webkit-scrollbar-thumb{
    background: #205293;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(32,82,147,0.8);
}
::-webkit-scrollbar-corner{
    background: #205293;
}

// 下拉框样式
.el-select-dropdown{
    background: rgba(16,80,145,0.79) !important;
    border: 1px solid #008aff !important;
    color: #cee1f3 !important;
}

.el-popper[x-placement^=bottom] .popper__arrow,.el-popper[x-placement^=bottom] .popper__arrow::after{
    border-bottom-color:  #008aff !important;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover,{
    background: rgba(16,80,145,0.99) !important;
}

.el-select-dropdown__item {
    color: #cee1f3 !important;
}

.el-tree{
    background: rgba(16,80,145,0.9) !important;
    border: 1px solid #008aff !important;
    color: #cee1f3 !important;
    .el-checkbox__inner{
        background: none !important;
    }

    .el-tree-node__content:hover {
        background-color: rgba(16,80,145,0.95) !important;
    }

    .el-tree-node:focus > .el-tree-node__content {
        background-color: rgba(16,80,145,1) !important;
    }
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    background-color: rgba(16,80,146,1) !important;
}

.el-pagination__total,.el-pagination__jump{
    color: #ffffff !important;
}

.el-table:before{
    height: 0 !important;
}

.el-table__row>td{
    border: none !important;
}

.el-table__fixed-right::before{
    background:none !important;
}

.el-pagination button:disabled {
    color: #ffffff !important;
    background-color: #66b1ff !important;
}


.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
   background-color: rgba(4,90,177,0.47) !important;
}

.el-switch__label{
    color: rgba(0,228,255,1) !important;
}

el-table--enable-row-hover.el-table__body tr:hover>td{
    background:none !important;
}

 .el-table tbody tr:hover>td {
     background-color:   rgba(4,90,177,0.47) !important;
 }

.el-table__body tr.hover-row>td.el-table__cell{
    background-color:   rgba(4,90,177,0.47) !important;
}

/*.el-table--enable-row-transition .el-table__body td.el-table__cell{
    background-color: rgba(4,90,177,1) ;
}*/

.el-button--primary {
    color: #FFF;
    background-color: rgba(21,111,203,1) !important;
    border-color: rgba(21,111,203,1) !important;
}

